<template>
	<div>
		<div class="pl-6 pr-6 pt-6">
			<el-card class="!border-none p-4" shadow="never">
				<div class="topTitle font-bold main-color text-2xl mb-5">
					基础信息
				</div>
				<div class="main-color">
					<el-row class="mt-[30px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">PI号：</span>123456
							</div>
						</el-col>
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">提单号：</span>123456
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">开船时间：</span>2023-05-23 14:00:12
							</div>
						</el-col>
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">到港日期：：</span>2023-05-23 14:00:12
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">船公司：</span>上海ABCD有限公司
							</div>
						</el-col>
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">航次：</span>50天
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">目的港：</span>上海
							</div>
						</el-col>
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">代理联系方式：</span>18888888888
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">公司名称：</span>上海ABCD有限公司
							</div>
						</el-col>
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">电话：</span>18888888888
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">邮箱：</span>123@qq.com
							</div>
						</el-col>
					</el-row>
					<el-row class="mt-[20px]">
						<el-col :span="6">
							<div>
								<span class="w-[120px] inline-block text-right mr-[10px]">地址：</span>上海市浦东区128号
							</div>
						</el-col>
					</el-row>
				</div>
			</el-card>	
		</div>	
	</div>
</template>

<script lang="ts" setup>
	
</script>

<style lang="scss" scoped>
	
</style>